$red: red;
$title: #223047;
$gray: #8d8d8d;
$blue: #091c38;

$font-family: "Source Han Sans CN", "Helvetica Neue", "PingFang SC",
  "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei",
  sans-serif;
// $font-family: OPPOSans2, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
//   Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
//   Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
$font-heiti: SiYuanHeiTi;

$headerHeight: 60px;
$footerHeight: 230px;

$mainColor: #004299; // 设计图中一些按钮、文字的颜色
$secondColor: #02f7fa;
$mainColorHover: #0752b5;

@mixin main-center {
  max-width: 1200px;
  margin: 0 auto;
}

// 单行省略号
@mixin ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
// 2行省略
@mixin ellipsis-many {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
// 左右居中
@mixin center-level {
  display: flex;
  justify-content: center;
}
// 上下居中
@mixin center-vertical {
  display: flex;
  align-items: center;
}
// 居中
@mixin center-all {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin scrollbar {
  ::-webkit-scrollbar {
    width: 5px; /* 纵向滚动条*/
    height: 5px; /* 横向滚动条 */
    background-color: #fff;
  }

  /*定义滚动条轨道 内阴影*/
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #fff;
  }

  /*定义滑块 内阴影*/
  ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #0e1438;
  }
}
